<template>
  <div class="line-title">
      <div class="line"></div>
      <div class="title">{{title}}</div>
      <div class="line"></div>
  </div>
</template>

<script type="text/ecmascript-6">
    export default {
        props: {
            title: { type: String, defaault: '' }
        }
    };
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .line-title
        display flex
        width 80%
        margin 28px auto 24px auto
        .line
            flex 1
            position relative
            top -6px
            border-bottom 1px solid rgba(255,255,255,0.2)
        .title
            padding 0 12px
            font-size 14px
            font-weight 700
</style>